<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>文件上传和下载</title>
    <script src="js/jquery.min.js"></script>
</head>
<body>
<!--<form action="/upload" method='post' enctype='multipart/form-data'>-->
<!--    <input type='file' name='file'>-->
<!--    <button type='submit'>上传</button>-->
<!--</form>-->

<input type="file" name="file" id="file" onchange="shenz(this)">




<!--<form class="form-signin" th:action="@{/employee/File/download}" method="post">-->
<!--    <p><h1>下载文件</h1></p>-->
<!--    <p><h2>1.png</h2></p>-->
<!--    <p><input type="submit" value="下载"/></p>-->
<!--&lt;!&ndash;    <p style="color: red" th:text="${result}" th:if="${not #strings.isEmpty(result)}"></p>&ndash;&gt;-->
<!--</form>-->



<script>
    function shenz()
    {
        var formData = new FormData();
        // var file = document.getElementById('file').files[0];
        formData.append("file", document.getElementById("file").files[0]);

       $.ajax({
           url:"/upload",
            data:formData,
           type:"post",
           // dataType:"json",
           processData: false,//用于对data参数进行序列化处理 这里必须false
           contentType: false, //必须*/
           success:function (data){
               alert(data);
           }
       })
    }
</script>
</body>
</html>
